<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML5表单验证</title>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>
    <form class="" action="success.html" method="post" oninput="output.value=count.value" > <!-- novalidate -->
      <!-- <div class="">数字：<input type="number"></div>
      <div class="">邮箱：<input type="email"></div>
      <div class="">网址：<input type="url"></div> -->
      <!-- <div class="">姓名：<input type="text" required></div>
      <div class="">年龄：<input type="number" min="18" max="30" required></div>
      <div class="">密码：<input type="password" minlength="6" maxlength="15"></div> -->
      <!-- <div class="">开始日期：<input type="date" min="2017-07-11" max="2027-07-11"></div>
      <div class="">开始时间：<input type="time" min="08:00" max="18:00"></div> -->
      <!-- <div class="">数量：<input type="number" min="15" max="100" step="10" required></div>
      <div class="">
        <input type="range" name="count" value="10" min="10" max="90" step="5">
        <output name="output">10</output>
      </div> -->

      <div class="">正则表达式：<input type="tel" pattern="[0-5]{3}"></div>

      <div class=""><input class="sub" type="submit" value="提交" ></div><!--formnovalidate-->
    </form>
  </body>
</html>
